.submission-list {
  .ant-card {
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    margin: 0;
    
    .ant-card-head {
      border-bottom: 1px solid #f0f0f0;
      padding: 8px 12px;
      min-height: auto;
      
      .ant-card-head-title {
        font-weight: 500;
        font-size: 14px;
      }
    }
    
    .ant-card-body {
      padding: 8px;
    }
  }
  
  .ant-table {
    font-size: 13px;
    
    .ant-table-thead > tr > th {
      background-color: #fafafa;
      font-weight: 500;
      border-bottom: 1px solid #f0f0f0;
      padding: 8px 6px;
      font-size: 12px;
    }
    
    .ant-table-tbody > tr {
      &:hover {
        background-color: #f8f9fa;
      }
      
      > td {
        border-bottom: 1px solid #f5f5f5;
        padding: 6px;
        
        .ant-tag {
          margin: 0;
          border-radius: 4px;
          font-size: 11px;
          font-weight: 500;
          padding: 1px 6px;
          line-height: 18px;
        }
        
        .ant-btn-link {
          padding: 0;
          height: auto;
          
          &:hover {
            color: #40a9ff;
          }
        }
      }
    }
  }
  
  .ant-pagination {
    margin-top: 8px;
    text-align: center;
    
    .ant-pagination-total-text {
      color: #666;
      font-size: 14px;
    }
    
    .ant-pagination-item {
      min-width: 28px;
      height: 28px;
      line-height: 26px;
      font-size: 12px;
    }
  }
  
  .refresh-btn {
    margin-left: 6px;
    padding: 2px 8px;
    font-size: 12px;
    
    &.ant-btn-loading {
      .anticon {
        animation: loadingCircle 1s infinite linear;
      }
    }
  }
}

@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}

// 响应式设计
@media (max-width: 768px) {
  .submission-list {
    .ant-table {
      font-size: 12px;
      
      .ant-table-thead > tr > th,
      .ant-table-tbody > tr > td {
        padding: 8px 4px;
      }
    }
    
    .ant-card-body {
      padding: 12px;
    }
  }
}

@media (max-width: 576px) {
  .submission-list {
    .ant-card-head-title {
      font-size: 14px;
    }
    
    .ant-table {
      font-size: 11px;
      
      .ant-tag {
        font-size: 10px;
        padding: 0 4px;
      }
    }
  }
}